import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Fonts, Colors } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
  },
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginBottom: Metrics.baseMargin,
  },
  title: {
    ...Fonts.style.h6,
    color: Colors.coal,
  },
  price: {
    color: Colors.warning,
  },
  subSection: {
    marginVertical: Metrics.baseMargin,
  },
  subTitle: {
    ...Fonts.style.h6,
    color: Colors.primary,
    marginBottom: Metrics.smallMargin,
  }
})
